<template>
  <div class="layout_wrap">
      <header >头部</header>  
       <nav>导航</nav>
       <section class="main">
          <!-- 二级路由的出口 -->
          <router-view></router-view>
       </section>
      <footer></footer>
  </div>
</template>

<script setup>

</script>
<style lang="less" scoped>
  .layout_wrap{

  }
    header{
      width:100%;
      height:53px;
      background:black;
    }
    nav{
     width:100%;
      height:132px;
      background:white;
    }
    .main{
         width:1240px;
       background:pink;
       margin:20px auto;
    }
    footer{
       width:100%;
      height:640px;
      background:skyblue;
      
    }
</style>